<template>
    <div class="divBox">
        <el-card class="box-card">
            <div class="manage">
                <div class="attr-title">
                    电子账户管理
                </div>
            <!-- 按钮 -->
            <div class="button">
                <router-link :to=" { path:'/financial/financialCreat' } ">
                    <el-button size="small" type="warning" class="mr10">添加</el-button>
                </router-link>
                <el-button size="small" type="warning" class="mr10" @click="handlerGetListData()">刷新</el-button>
            </div>
            <!-- 按钮 -->
                <div class="banner">
                    <div class="tables">
                        <el-table :data="tableData" style="width: 100%"
                            :header-cell-style="{ background: 'rgba(255, 240, 214, 1)', color: '#606266', }">
                            <el-table-column type="index" width="150" label="用户状态" align="center">
                            </el-table-column>
                            <el-table-column prop="accounttype" label="账户类型" align="center">
                            </el-table-column>
                            <el-table-column prop="actualmoney" label="实际金额" align="center">
                            </el-table-column>
                            <el-table-column prop="usingmoney" label="可用余额" align="center">
                            </el-table-column>
                            <el-table-column prop="waitmoney" label="待结算余额" align="center">
                            </el-table-column>
                            <el-table-column prop="frozenmoney" label="冻结余额" align="center">
                            </el-table-column>
                            <el-table-column prop="operate" label="操作" align="center">
                            </el-table-column>
                        </el-table>
                    </div>
                </div>
            </div>
        </el-card>
    </div>
</template>

<script>
export default {
    data() {
        return {
            form: {
                name: '',
                region: '',
            },
            tableData: [{

            }],
        }
    },
    methods: {
        handleClick() {

        }
    }
}
</script>

<style lang="scss" scoped>
.manage {
    width: 100%;

    .attr-title {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        margin: 30px 0;
    }

    .banner {
        padding: 20px;
    }

    .link-1 {
        display: flex;
    }

    >>>.el-form-item {
        margin-bottom: 0;
    }

    >>>.el-input {
        width: 300px;
    }

    .tables {
        margin-top: 20px;
    }

}

.table {
    .table-name {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
    }
}

.card {
    display: flex;
    justify-content: center;
    color: rgba(42, 130, 228, 1);
}

</style>